/*展会情况*/

/*$$

{"color":[{"val":"#000000","title":"栏目文字颜色"},

{"val":"#ffffff","title":"轮播图标题/列表标题鼠标滑过  文字颜色"},

{"val":"#333333","title":"轮播图按钮数字颜色"},

{"val":"#0053b6","title":"默认分类文字颜色"},

{"val":"#bfb9b9","title":"列表数据日期默认颜色"},

{"val":"#8ac419","title":"移动端分类标题左右两侧按钮颜色"},

{"val":"#232323","title":"列表数据标题默认颜色"}],

"background":[{"val":"#0053b6","title":"栏目边框线/列表数据鼠标滑过 背景颜色"},

{"val":"rgba(0,0,0,.4)","title":"轮播图标题背景颜色"},

{"val":"#ffffff","title":"轮播图按钮默认背景颜色"},

{"val":"#8ac419","title":"轮播图按钮选中/分类标题鼠标滑过 背景颜色"},

{"val":"#ebebeb","title":"默认分类标题背景颜色"}],

"border":[{"val":"#8ac419","title":"分类标题鼠标滑过箭头三角背景颜色"}]}

$$*/

#survey_155{

	width: 100%;

	padding: 80px 0;

	background: #f7f7f7;

}

#survey_155 .surveyBox{

	width:1200px;

	margin: 0 auto;

}

#survey_155 .column{

	width: 100%;

	color: #000000;

	position: relative;

	padding-bottom: 10px;

	margin: 20px 0 40px 0;

}

#survey_155 .column::after{

	content: '';

	position: absolute;

	bottom: 0;

	width: 46px;

	height: 3px;

	background: rgba(127, 180, 1, 1);

	left:50%;

	transform: translateX(-50%);

}

#survey_155 .column .tit-1{

	font-size: 32px;

	line-height: 40px;

	text-align: center;

}

#survey_155 .column .tit-2{

	font-size: 15px;

	line-height: 24px;

	text-align: center;

}

#survey_155 .surveyImg{

	width: 50%;

	float: left;

	height: 450px;

}

#survey_155 .surveySwiper{

	width: 100%;

	height: 100%;
	overflow: hidden;

}

#survey_155 .banaItem{

	width: 100%;

	height: 100%;

	position: relative;

}

#survey_155 .banaItem img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

#survey_155 .banaItem .title{

	width: 100%;

	position: absolute;

	bottom: 0;

	height: 75px;

	background: rgba(0,0,0,.4);

	left: 0;

	color: #ffffff;

	line-height: 75px;

	padding: 0 210px 0 40px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-size: 18px;

}

#survey_155 .swiper-pagination-bullet{

	width: 30px;

	height: 30px;

	line-height: 30px;

	background: #ffffff;

	color: #333333;

	font-size: 18px;

	opacity: 1;

	text-align: center;

	margin-right: 5px;

}

#survey_155 .swiper-pagination-bullet-active{

	background: #8ac419;

	color: #ffffff;

}

#survey_155 .swiper-pagination{

	width: 160px;

	bottom: 19px;

	left: calc(100% - 160px);

	text-align: left;

}

#survey_155 .surveyCon{

	width:calc(50% - 40px);

	float: right;

}

#survey_155 .classList{

	width: 100%;

	padding-bottom: 0;

}

#survey_155 .classBtn{

	width:97px;

	height: 65px;

	padding-bottom: 15px;

	float: left;

	font-size: 18px;

	margin-right: 15px;

	position: relative;

}

#survey_155 .classBtn::after{

	position: absolute;

	content: '';

	width: 0;

	height: 0;

	bottom: 3px;

	left: 50%;

	margin-left: -7px;

	border-top: #8ac419 15px solid;

	border-right: 15px solid transparent;

	border-left: 15px solid transparent;

	opacity: 0;

	transition: opacity .5s;

}

#survey_155 .classBtn:hover::after,

#survey_155 .classBtn.active::after{

	opacity: 1;

}

#survey_155 .classtit{

	width: 100%;

	height: 100%;

	background: #ebebeb;

	color: rgba(127, 180, 1, 1);

	text-align: center;

	line-height: 50px;

	cursor: pointer;

	display: block;

	position: relative;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	overflow: hidden;

}

#survey_155 .classtit:hover,

#survey_155 .classBtn.active .classtit{

	color: #ffffff;

}

#survey_155 .classtit::before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 150%;

	height: 100%;

	background: #8ac419;

	z-index: -1;

	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

	-webkit-transform-origin: 0% 100%;

	transform-origin: 0% 100%;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;

	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

}

#survey_155 .classtit:hover::before,

#survey_155 .classBtn.active .classtit::before{

	opacity: 1;

	background: #8ac419;

	-webkit-transform: rotate3d(0, 0, 1, 0deg);

	transform: rotate3d(0, 0, 1, 0deg);

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}



#survey_155 .listUl{

	width: 100%;

}

#survey_155 .listUl li{

	margin: 25px 0;

	padding: 0 15px;

	width: 100%;

	height: 48px;

	position: relative;

	font-size: 18px;

	line-height: 48px;

	background: #ffffff;

}

#survey_155 .listUl li::before{

	background: url(./../../../static/images/CP00013_02.png) no-repeat center center;

	background-size: 10px 18px;

	position: absolute;

	right: 0;

	height: 100%;

	width: 30px;

	content: '';

	z-index: 11;

}

#survey_155 .listUl li .date{

	color: #bfb9b9;

	width: 120px;

	height: 100%;

	display: flex;

	align-items: center;

	float: left;

}

#survey_155 .listUl li .title{

	color: #232323;

	width: calc(100% - 140px);

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	height: 100%;

	display: inline-block;

}

#survey_155 .listUl li::after{

	position: absolute;

	left:0;

	top:0;

	content: '';

	background: rgba(127, 180, 1, 1);

	height: 100%;

	width: 0;

	transition: all 1s;

}

#survey_155 .listUl li:hover::after{

	width: 100%;

}

#survey_155 .listUl li a{

	position: relative;

	z-index: 1;

	display: block;

}

#survey_155 .listUl li:hover .date,

#survey_155 .listUl li:hover .title{

	color: #ffffff;

}

#survey_155 .listUl li:hover::before{

	background:url(./../../../static/images/CP00013_01.png) no-repeat center center;

	background-size: 10px 18px;

}

#survey_155 .classSwiper {

	width: 100%;

	padding: 0 30px;

	position: relative;

	display: none;

	margin: 10px 0;

}



#survey_155 .classSwiper .swiper {

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}



#survey_155 .classSwiper .swiper-slide {

	cursor: pointer;

	color: rgba(127, 180, 1, 1);

	text-align: center;

	height: 40px;

	line-height: 40px;

	background: #ebebeb;

	position: relative;

	font-size: 14px;

}

#survey_155 .classSwiper .swiper-slide-active{

	background: #8ac419;

}

#survey_155 .classSwiper .swiper-slide a{

	color: rgba(127, 180, 1, 1);

}

#survey_155 .classSwiper .swiper-slide-active a{

	color: #ffffff;

}

#survey_155 .classSwiper .swiper-slide.click::after{

	position: absolute;

	width: 80%;

	left:10%;

	bottom: 0;

	height: 1px;

	background: #8ac419;

	content: '';

}

#survey_155 .case-prev,

#survey_155 .case-next {

	position: absolute;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	line-height: 36px;

	font-size: 34px;

	text-align: center;

	color: #8ac419;

	cursor: pointer;

	top: 50%;

	margin-top: -20px;

	z-index: 999;

	

}



#survey_155 .case-prev {

	left: 0;

	padding-right: 2px;

}



#survey_155 .case-next {

	right: 0;

	padding-left: 2px;

}

#survey_155 .swiper-button-disabled{

	opacity: 0.5;

}

@media screen and (max-width: 1200px) {

	#survey_155{

		padding: 30px 20px;

	}

	#survey_155 .surveyBox{

		width: 100%;

	}

	

}

@media screen and (max-width: 768px){

	#survey_155{

		padding: 20px 0;

	}

	#survey_155 .column{

		margin: 0;

	}

	#survey_155 .column .tit-1{

		font-size: 24px;

		line-height: 30px;

	}

	#survey_155 .column .tit-2{

		font-size: 14px;

	}

	#survey_155 .surveyImg{

		width: 100%;

		height: 250px;

		margin-top: 20px;

	}

	#survey_155 .swiper-pagination{

		width: 100px;

		left: calc(100% - 95px);

		bottom: 10px;

	}

	#survey_155 .swiper-pagination-bullet{

		width: 18px;

		height: 18px;

		font-size: 14px;

		line-height: 18px;

		margin: 0 2px;

	}

	#survey_155 .banaItem .title{

		height: 40px;

		line-height: 40px;

		padding: 0 100px 0 20px;

	}

	#survey_155 .surveyCon{

		width: 100%;

	}

	#survey_155 .classList{

		padding: 20px 0 0 0;

		display: none;

	}

	#survey_155 .classBtn{

		width: auto;

		float: left;

		margin: 0 10px;

		height: 50px;

		font-size: 16px;

	}

	#survey_155 .classtit{

		padding: 0 20px;

		line-height: 35px;

	}

	#survey_155 .listUl{

		padding: 0 10px 0 20px;

	}

	#survey_155 .listUl li{

		height: 40px;

		line-height: 40px;

		font-size: 14px;

		padding: 0;

		margin: 5px 0;

	}

	#survey_155 .listUl li .date{

		width: 90px;

	}

	#survey_155 .listUl li .title{

		width: calc(100% - 120px);

	}

	#survey_155 .classSwiper{

		display: block;

	}

}